<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
</head>
<body>
    <header>
        <section class="phone">
            <img src="images/1_01.jpg" alt="">
        </section>
        <section class="find">
            <img src="images/1_04.jpg" alt="">
            <section class="seach">
                <img src="images/1_12.jpg" alt="">
                <input type="text" placeholder="面膜">
                <img src="images/1_14.jpg" alt="">
            </section>
            <img src="images/1_06.jpg" alt="">
            <img src="images/1_09.jpg" alt="">
        </section>  
        <section class="nav">
            <h1>最后疯抢</h1>
            <ul>
                <li class="active">清仓</li>
                <li>美妆</li>
                <li>母婴</li>
                <li>国际</li>
                <li>家电</li>
                <li>家居</li>
                <li>生活</li>
            </ul>
            <img src="images/1_22.jpg" alt="">
        </section>
    </header>
    <main id="box">
        
        <section class="content">
            <section class="topnav">
                <ul>
                    <li>
                        <img src="images/4_03.jpg" alt="">
                        <p>今日推荐</p>
                    </li>
                    <li>
                        <img src="images/4_05.jpg" alt="">
                        <p>最后疯抢</p>
                    </li>
                    <li class="active">
                        <img src="images/4_07.jpg" alt="">
                        <p>清仓</p>
                    </li>
                    <li>
                        <img src="images/4_09.jpg" alt="">
                        <p>美妆</p>
                    </li>
                    <li>
                        <img src="images/4_17.jpg" alt="">
                        <p>母婴</p>
                    </li>
                    <li>
                        <img src="images/4_15.jpg" alt="">
                        <p>国际</p>
                    </li>
                    <li>
                        <img src="images/4_16.jpg" alt="">
                        <p>家电</p>
                    </li>
                    <li>
                        <img src="images/4_18.jpg" alt="">
                        <p>家居</p>
                    </li>
                    <li>
                        <img src="images/4_23.jpg" alt="">
                        <p>生活</p>
                    </li>
                    <li>
                        <img src="images/4_24.jpg" alt="">
                        <p>唯品·奢</p>
                    </li>
                    <li>
                        <img src="images/4_25.jpg" alt="">
                        <p>明日预告</p>
                    </li>
                </ul>
            </section>
            <section class="banner">
                <section class="list1">
                    <ul>
                        <li>
                            <section class="left">
                                <img src="images/2_03.jpg" alt="">
                            </section>
                            <section class="right">
                                <h1>￥39</h1>
                                <del>￥390</del>
                            </section>
                        </li>
                        <li>
                            <section class="left">
                                <img src="images/2_05.jpg" alt="">
                            </section>
                            <section class="right">
                                <h1>￥63</h1>
                                <del>￥880</del>
                            </section>
                        </li>
                        <li>
                            <section class="left">
                                <img src="images/2_07.jpg" alt="">
                            </section>
                            <section class="right">
                                <h1>￥39</h1>
                                <del>￥530</del>
                            </section>
                        </li>
                        <li>
                            <section class="left">
                                <img src="images/2_03.jpg" alt="">
                            </section>
                            <section class="right">
                                <h1>￥39</h1>
                                <del>￥390</del>
                            </section>
                        </li>
                        <li>
                            <section class="left">
                                <img src="images/2_05.jpg" alt="">
                            </section>
                            <section class="right">
                                <h1>￥63</h1>
                                <del>￥880</del>
                            </section>
                        </li>
                        <li>
                            <section class="left">
                                <img src="images/2_07.jpg" alt="">
                            </section>
                            <section class="right">
                                <h1>￥39</h1>
                                <del>￥530</del>
                            </section>
                        </li>
                    </ul>
                </section>
            </section>
            <section class="list2">
                <ul>
                    <li>
                        <img src="images/2_13.jpg" alt="">
                        <p>女装</p>
                    </li>
                    <li>
                        <img src="images/2_15.jpg" alt="">
                        <p>男装</p>
                    </li>
                    <li>
                        <img src="images/2_17.jpg" alt="">
                        <p>鞋履</p>
                    </li>
                    <li>
                        <img src="images/2_19.jpg" alt="">
                        <p>美包</p>
                    </li>
                    <li>
                        <img src="images/2_21.jpg" alt="">
                        <p>美妆</p>
                    </li>
                    <li>
                        <img src="images/2_17.jpg" alt="">
                        <p>鞋履</p>
                    </li>
                    <li>
                        <img src="images/2_17.jpg" alt="">
                        <p>鞋履</p>
                    </li>
                    <li>
                        <img src="images/2_17.jpg" alt="">
                        <p>鞋履</p>
                    </li>
                </ul>
            </section>
            <section class="day">
                <section class="sign">
                    <img src="images/3_03.jpg" alt="">
                </section>
                <section class="goods">
                    <ul>
                        <li>
                            <img src="images/2_32.jpg" alt="">
                            <img src="images/2_46.jpg" alt="">
                            <p><span>￥55</span><del>￥368</del></p>
                        </li>
                        <li>
                            <img src="images/2_34.jpg" alt="">
                            <img src="images/2_43.jpg" alt="">
                            <p><span>￥24</span><del>￥258</del></p>
                        </li>
                        <li>
                            <img src="images/2_36.jpg" alt="">
                            <img src="images/2_49.jpg" alt="">
                            <p><span>￥59</span><del>￥168</del></p>
                        </li>
                        <li>
                            <img src="images/2_29.jpg" alt="">
                            <img src="images/2_49.jpg" alt="">
                            <p><span>￥69</span><del>￥359</del></p>
                        </li>
                    </ul>
                </section>
            </section>
            <section class="activity">
                <section class="a-left">
                    <section class="atitle">
                        <img src="images/2_58.jpg" alt="">
                    </section>
                    <section class="goods">
                        <ul>
                            <li>
                                <img src="images/2_63.jpg" alt="">
                                <p>￥99</p>
                            </li>
                            <li>
                                <img src="images/2_65.jpg" alt="">
                                <p>￥89</p>
                            </li>
                        </ul>
                    </section>
                </section>
                <section class="a-right">
                    <section class="atitle">
                        <img src="images/2_55.jpg" alt="">
                    </section>
                    <section class="goods">
                        <ul>
                            <li>
                                <img src="images/2_68.jpg" alt="">
                                <p>￥59</p>
                            </li>
                            <li>
                                <img src="images/2_70.jpg" alt="">
                                <p>￥48</p>
                            </li>
                        </ul>
                    </section>
                </section>
            </section>
            <section class="sift">
                <h1><img src="images/2_80.jpg" alt=""></h1>
                <ul>
                    <li>
                        <section class="one">
                            <img src="images/3_033.jpg" alt="">
                            <h1>凯撒大帝</h1>
                            <p>新款上新小包包手···</p>
                            <p><span>￥76</span><del>￥668</del></p>
                        </section>
                        <section class="two">
                            <img src="images/3_05.jpg" alt="">
                            <h1>图思龙</h1>
                            <p>2019新款男士鞋韩···</p>
                            <p><span>￥69</span><del>￥439</del></p>
                        </section>
                        <section class="three">
                            <img src="images/3_07.jpg" alt="">
                            <h1>战地吉圃/AFS 1961</h1>
                            <p>2019夏季新款简约···</p>
                            <p><span>￥35</span><del>￥399</del></p>
                        </section>
                    </li>
                    <li>
                        <section class="one">
                            <img src="images/3_12.jpg" alt="">
                            <h1>凯撒大帝</h1>
                            <p>新款上新小包包手···</p>
                            <p><span>￥76</span><del>￥668</del></p>
                        </section>
                        <section class="two">
                            <img src="images/3_13.jpg" alt="">
                            <h1>图思龙</h1>
                            <p>2019新款男士鞋韩···</p>
                            <p><span>￥69</span><del>￥439</del></p>
                        </section>
                        <section class="three">
                            <img src="images/3_14.jpg" alt="">
                            <h1>战地吉圃/AFS 1961</h1>
                            <p>2019夏季新款简约···</p>
                            <p><span>￥35</span><del>￥399</del></p>
                        </section>
                    </li>
                </ul>
            </section>
        </section>
        <img src="images/2_77.jpg" alt="">
    </main>

    <section class="subnav">
        <section class="phone">
            <img src="images/6_01.jpg" alt="">
        </section>
        <section class="jiesao">
            <ul>
                <li>
                    <img src="images/6_05.jpg" alt="">
                    <span>女装</span>
                </li>
                <li>
                    <img src="images/6_08.jpg" alt="">
                    <span>鞋包</span>
                </li>
                <li>
                    <img src="images/6_10.jpg" alt="">
                    <span>男装</span>
                </li>
                <li>
                    <img src="images/6_12.jpg" alt="">
                    <span>运动户外</span>
                </li>
            </ul>
        </section>
        <section class="list3">
            <ul>
                <li>
                    <img src="images/6_15.jpg" alt="">
                    <p>母婴</p>
                </li>
                <li>
                    <img src="images/6_17.jpg" alt="">
                    <p>美妆</p>
                </li>
                <li>
                    <img src="images/6_19.jpg" alt="">
                    <p>家居家纺</p>
                </li>
                <li>
                    <img src="images/7_03.jpg" alt="">
                    <p>数码家电</p>
                </li>
                <li>
                    <img src="images/6_24.jpg" alt="">
                    <p>大家电</p>
                </li>
                <li>
                    <img src="images/6_25.jpg" alt="">
                    <p>家居家装</p>
                </li>
                <li>
                    <img src="images/7_04_03.jpg" alt="">
                    <p>手表配饰</p>
                </li>
                <li>
                    <img src="images/6_27.jpg" alt="">
                    <p>男女内衣</p>
                </li>
                <li>
                    <img src="images/6_32.jpg" alt="">
                    <p>唯品国际</p>
                </li>
                <li>
                    <img src="images/6_33.jpg" alt="">
                    <p>唯品·奢</p>
                </li>
                <li>
                    <img src="images/6_34.jpg" alt="">
                    <p>生活超市</p>
                </li>
                <li>
                    <img src="images/6_35.jpg" alt="">
                    <p>医药健康</p>
                </li>
                <li>
                    <img src="images/6_40.jpg" alt="">
                    <p>唯品金融</p>
                </li>
            </ul>
        </section>
        <section class="centre">
            <ul>
                <li>
                    <img src="images/6_43.jpg" alt="">
                    <span>个人中心</span>
                </li>
                <li class="active">
                    <img src="images/6_46.jpg" alt="">
                    <span>品牌收藏</span>
                </li>
            </ul>
        </section>
        <section class="line">

        </section>
    </section>
</body>
<script src="js/iscroll-probe.js"></script>
<script src="js/swiper-3.4.2.min.js"></script>
<script src="js/zepto-1.1.6.min.js"></script>
<script src="js/jquery-3.4.1.js"></script>
<script src="js/index.js"></script>
</html>